main {
    flex: 1;

    overflow: scroll;

    .swiper {
        width: 100%;
        height: 200px;
        overflow: hidden;

        // position: relative;
        .bg1 {
            background: url(../../assets/imgs/index-swiper-bg1.jpg) no-repeat center;
            background-size: cover;

        }

        .bg2 {
            background: url(../../assets/imgs/index-swiper-bg2.jpg) no-repeat center;
            background-size: cover;

        }

        .bg3 {
            background: url(../../assets/imgs/index-swiper-bg3.jpg) no-repeat center;
            background-size: cover;

        }


    }

    .content {
        padding: 5%;

        .itmes {
            width: 100%;
            margin-bottom: 20px;
            height: 100px;
            border-radius: 10px;
            

            h3 {
                color:black;
            }

            &>div {
                padding: 10px;
                background-color: pink;
                height: 120px;
                border-radius: 10px;
            }

            .today {
                width: 40%;
            
                background: url(../../assets/imgs/jianbeisvg.svg) no-repeat ;
                background-size: contain; 
                background-position: 10px 0px;
                background-color: rgba(159, 217, 248, .5);
                opacity: 0.5;
            }

            .clockbtn {
                width: 60%;
                background: url(../../assets/imgs/rili.svg) no-repeat;
                background-size: contain; 
                background-position: 10px 0px;
                background-color: rgba(159, 217, 248, .5);
                opacity: 0.5;
                #clock{
                    height: 30px;
                    width: 80px;
                    line-height: 30px;
                    border-radius: 15px;
                    background-color: darksalmon;
                }
            }

            .sport {
                background: url(../../assets/imgs/index-card-data.jpg) no-repeat center;
                background-size: cover;
            }
            .all{
                background: url(../../assets/imgs/jianzhan.svg) no-repeat;
                background-size: contain; 
                background-position: 10px 0px;
                background-color: rgba(159, 217, 248, .5);
                opacity: 0.5;
            }

        }
        .course{
            background: url(../../assets/imgs/index-swiper-bg2.jpg) no-repeat center;
            background-size: cover;
        }
        .outside{
            background: url(../../assets/imgs/course-img02.png) no-repeat center;
            background-size: cover;
        }
    }
}